@keyframes pingponganim {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(-10px); }
    100% { transform: translateX(0); }
}

@keyframes scrollanim {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}

@keyframes btnpingponganim {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}